<!DOCTYPE html>
<html lang="en" class="app" xmlns:th="http://www.w3.org/2005/Atom">
<head>
    <meta charset="utf-8"/>
    <meta name="description"
          content="app, web app, responsive, admin dashboard, admin, flat, flat ui, ui kit, off screen nav"/>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/>
    <title>流沙后台</title>
    <link rel="stylesheet" href="../../static/css/bootstrap.min.css" th:href="@{/css/bootstrap.min.css}"
          type="text/css"/>
    <link rel="stylesheet" href="../../static/css/animate.css" th:href="@{/css/animate.css}" type="text/css"/>
    <link rel="stylesheet" href="../../static/css/font-awesome.min.css" th:href="@{/css/font-awesome.min.css}"
          type="text/css"/>
    <link rel="stylesheet" href="../../static/css/simple-line-icons.css" th:href="@{/css/simple-line-icons.css}"
          type="text/css"/>
    <link rel="stylesheet" href="../../static/css/font.css" th:href="@{/css/font.css}" type="text/css"/>
    <link rel="stylesheet" href="../../static/css/app.css" th:href="@{/css/app.css}" type="text/css"/>
    <script src="../../static/js/jquery.min.js" th:src="@{/js/jquery.min.js}"></script>
    <script src="../../static/js/bootstrap.min.js" th:src="@{/js/bootstrap.min.js}"></script>
    <script type="text/javascript">

        $(function () {
            $("td").on("click", "#delbtn", function () {
                return confirm("确定要删除吗？");
            });
        });

    </script>

    <!--[if lt IE 9]>

    <script src="../../static/js/ie/html5shiv.js" th:src="@{/js/ie/html5shiv.js}"></script>

    <script src="../../static/js/ie/respond.min.js" th:src="@{/js/ie/respond.min.js}"></script>

    <script src="../../static/js/ie/excanvas.js" th:src="@{/js/ie/excanvas.js}"></script>

    <![endif]-->
</head>

<body class="">

<section class="vbox">

    <header class="bg-white-only header header-md navbar navbar-fixed-top-xs">

        <div class="navbar-header aside bg-info nav-xs">

            <a class="btn btn-link visible-xs" data-toggle="class:nav-off-screen,open" data-target="#nav,html">

                <i class="icon-book-open icon"></i>

            </a>

            <a href="/admin/adminIndex" class="navbar-brand text-lt">

                <i class="icon-book-open icon"></i>

                <span class="hidden-nav-xs m-l-sm">流沙</span>

            </a>

            <a class="btn btn-link visible-xs" data-toggle="dropdown" data-target=".user">

                <i class="icon-book-open icon"></i>

            </a>

        </div>
        <ul class="nav navbar-nav hidden-xs">

            <li>

                <a href="#nav,.navbar-header" data-toggle="class:nav-xs,nav-xs" class="text-muted">

                    <i class="fa fa-indent text"></i>

                    <i class="fa fa-dedent text-active"></i>

                </a>

            </li>

        </ul>

        <form class="navbar-form navbar-left input-s-lg m-t m-l-n-xs hidden-xs" role="search">

            <div class="form-group">

                <div class="input-group">

            <span class="input-group-btn">

              <button type="button" class="btn btn-sm bg-white btn-icon rounded"><i class="fa fa-search"></i></button>

            </span>

                    <input type="text" class="form-control input-sm no-border rounded"
                           placeholder="Search">

                </div>

            </div>

        </form>
        <div class="navbar-right ">
            <ul class="nav navbar-nav m-n hidden-xs nav-user user">
                <li class="hidden-xs">
                    <a href="#" class="dropdown-toggle lt" data-toggle="dropdown">

                        <i class="icon-bell"></i>

                        <span class="badge badge-sm up bg-danger count">2</span>

                    </a>
                </li>
                <li class="dropdown">
                    <a href="#" class="dropdown-toggle bg clear" data-toggle="dropdown">
                        <span th:text="${session.admin.nickname}"></span>
                        <span class="thumb-sm avatar pull-right m-t-n-sm m-b-n-sm m-l-sm">
                            <img th:src="@{/images/avatar.png}" alt="...">
                        </span>
                        <b class="caret"></b>
                    </a>
                    <ul class="dropdown-menu animate__animated animate__fadeInRight">
                        <li>
                            <span class="arrow top hidden-nav-xs"></span>
                            <a href="#">设置</a>
                        </li>
                        <li>
                            <a href="#">个人资料</a>
                        </li>
                        <li class="divider"></li>
                        <li>
                            <a href="/admin/adminLogout">退出登录</a>
                        </li>
                    </ul>
                </li>
            </ul>
        </div>

    </header>

    <section>

        <section class="hbox stretch">

            <!-- .aside -->

            <aside class="bg-black dk nav-xs aside hidden-print" id="nav">

                <section class="vbox">

                    <section class="w-f-md scrollable">

                        <div class="slim-scroll" data-height="auto" data-disable-fade-out="true" data-distance="0"
                             data-size="10px" data-railOpacity="0.2">


                            <!-- nav -->

                            <nav class="nav-primary hidden-xs">

                                <ul class="nav bg clearfix">

                                    <li class="hidden-nav-xs padder m-t m-b-sm text-xs text-muted">

                                        QuickSand

                                    </li>

                                    <li>

                                        <a href="/admin/adminIndex">

                                            <i class="icon-home icon text-info-dk"></i>

                                            <span class="font-bold">管理主页</span>

                                        </a>

                                    </li>

                                    <li>

                                        <a href="/admin/users">

                                            <i class="icon-users icon text-warning"></i>

                                            <span class="font-bold">用户管理</span>

                                        </a>

                                    </li>

                                    <li>

                                        <a href="/admin/article-management">

                                            <i class="icon-book-open icon text-info"></i>

                                            <span class="font-bold">博文管理</span>

                                        </a>

                                    </li>

                                    <li>

                                        <a href="/admin/comments">

                                            <i class="icon-bubbles icon text-info-dker"></i>

                                            <span class="font-bold">评论管理</span>

                                        </a>

                                    </li>

                                    <li>

                                        <a href="/admin/type">

                                            <i class="icon-grid icon  text-primary"></i>

                                            <span class="font-bold">分类管理</span>

                                        </a>

                                    </li>

                                    <li class="m-b hidden-nav-xs"></li>

                                </ul>

                            </nav>

                            <!-- / nav -->

                        </div>

                    </section>


                    <footer class="footer hidden-xs no-padder text-center-nav-xs">

                        <div class="bg hidden-xs ">

                            <div class="dropdown dropup wrapper-sm clearfix">

                                <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                                    <span class="thumb-sm avatar pull-left m-l-xs">
                                        <img th:src="@{/images/avatar.png}" class="dker" alt="...">
                                        <i class="on b-black"></i>
                                    </span>
                                </a>
                                <ul class="dropdown-menu animate__animated animate__fadeInRight aside text-left">
                                    <li>
                                        <span class="arrow bottom hidden-nav-xs"></span>
                                        <a href="#">设置</a>
                                    </li>
                                    <li>
                                        <a href="#">个人资料</a>
                                    </li>
                                    <li class="divider"></li>
                                    <li>
                                        <a href="/admin/adminLogout">退出登录</a>

                                    </li>
                                </ul>
                            </div>
                        </div>
                    </footer>
                </section>
            </aside>

            <!-- /.aside -->

            <section id="content">
                <section class="hbox stretch">
                    <section>
                        <section class="vbox">
                            <section class="scrollable padder-lg w-f-md" id="bjax-target">
                                <div class="container-fluid">
                                    <div class="row">
                                        <table class="table table-bordered">
                                            <thead>
                                            <tr>
                                                <th>序列</th>
                                                <th>评论文章</th>
                                                <th>评论内容</th>
                                                <th>用户昵称</th>
                                                <th>评论时间</th>
                                                <th>操作------</th>
                                            </tr>
                                            </thead>
                                            <tbody>
                                            <tr th:each="c,iterStat : ${pages.content}">
                                                <td th:text="${iterStat.count}"></td>
                                                <td th:text="${c.blog.title}"></td>
                                                <td th:text="${c.content}"></td>
                                                <td th:text="${c.nickname}"></td>
                                                <td th:text="${#dates.format(c.createtime,'yyyy-MM-dd HH:mm')}"></td>
                                                <td>
                                                    <a id="delbtn" type="button" class="btn btn-danger"
                                                       th:href="@{|/deleteComment/${c.commentId}|}">删除</a>
                                                </td>
                                            </tr>
                                            </tbody>
                                            <tfoot>
                                            <tr>
                                                <td colspan="6">
                                                </td>
                                            </tr>
                                            </tfoot>
                                        </table>
                                    </div>
                                </div>
                            </section>
                        </section>
                    </section>
                </section>
                <a href="#" class="hide nav-off-screen-block" data-toggle="class:nav-off-screen,open"
                   data-target="#nav,html"></a>

            </section>
        </section>
    </section>
</section>

<!--<script src="../../static/js/jquery.min.js" th:src="@{/js/jquery.min.js}"></script>-->
<!--<script src="../../static/js/bootstrap.min.js" th:src="@{/js/bootstrap.min.js}"></script>-->
<script src="../../static/js/app.js" th:src="@{/js/app.js}"></script>
<script src="../../static/js/jquery.slimscroll.min.js" th:src="@{/js/jquery.slimscroll.min.js}"></script>
<script src="../../static/js/app.plugin.js" th:src="@{/js/app.plugin.js}"></script>
</body>
</html>